<template>
	<!-- 一级表格编辑与新增竣工资料项共用 -->
	<a-modal title="竣工资料项" 
	:width="1010"
	:visible="visible"
	@cancel="() => { $emit('cancel') }"
	@ok="submit1"
	>
		<a-form>
			<a-row :gutter="24">
				<a-col :md="8" :sm="8">
					<a-form-item label="序号" 
					:labelCol="{ lg: { span: 5 }, sm: { span: 5 } }" 
					:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
						<BaseInput />
					</a-form-item>
				</a-col>
				<a-col :md="8" :sm="8">
				  <a-form-item label="状态"
				               :labelCol="{lg: {span: 5}, sm: {span:5}}"
				               :wrapperCol="{lg: {span: 17}, sm: {span: 17} }">
				    <a-select placeholder="请选择" @select="handleChange">
				      <a-select-option value="0">是</a-select-option>
				      <a-select-option value="1">否</a-select-option>
				    </a-select>
				  </a-form-item>
				</a-col>
				<a-col :md="8" :sm="8">
					<a-form-item label="名称" 
					:labelCol="{ lg: { span: 7 }, sm: { span: 7 } }" 
					:wrapperCol="{ lg: { span: 17 }, sm: { span: 17 } }">
						<BaseInput v-model="form.name" />
					</a-form-item>
				</a-col>
			</a-row>
		</a-form>
	</a-modal>
</template>

<script>
	export default{
		props:{
			visible: {
			  type: Boolean,
			  required: true
			},
		},
		data(){
			return{
				form:{}
			}
		},
		methods:{
			handleChange(value){
				this.form.status = value
			},
			submit1(){
				this.$emit('ok',this.form)
			}
		}
	}
</script>

<style>
</style>
